<html>
    <head>
        <title>昕孕瑜伽</title>
        <meta charset="UTF-8">
        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
        <link href="css/reset.css" rel="stylesheet" type="text/css" />
        <link href="css/layout.css" rel="stylesheet" type="text/css" />
        <link href="css/index.css" rel="stylesheet" type="text/css" />
        <link href="css/jedate.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <!--首页-->
        <section id="shouye">
            <article>
                <!--轮播图-->
                <div class="lunbotu">
                    <ul>

                    </ul>
                </div>
                <!--导航栏切换-->
                <div class="daohanglan">
                    <a class="intro">首页</a>
                    <a>孕期课程</a>
                    <a>产后课程</a>
                    <a>名师培训</a>
                </div>
                <div class="gy">
                    <div class="jingcai">
                        <h1><img src="img/dianzuo.png" alt=""/>近期线下培训<img src="img/dianyou.png" alt=""/></h1>
                    </div>
                    <!--列表-->
                    <div class="liebiao">
                        <ul>

                        </ul>
                        <!--<div class="jiazai">
                                <a href="#peixunliebiao">
                                        加载更多...
                                </a>
                        </div>-->
                    </div>
                    <div class="jingcai">
                        <h1><img src="img/dianzuo.png" alt=""/>功能课程<img src="img/dianyou.png" alt=""/></h1>
                    </div>
                    <!--功能课程-->
                    <div class="d5 gongneng">
                        <ul>

                        </ul>
                    </div>
                    <!--<div class="jiazai">
                            <a href="#kechengliebiao">
                                    加载更多...
                            </a>
                    </div>-->
                    <div class="jingcai">
                        <h1><img src="img/dianzuo.png" alt=""/>系列课程<img src="img/dianyou.png" alt=""/></h1>
                    </div>
                    <!--系列课程-->
                    <div class="d5 xile">
                        <ul>

                        </ul>
                    </div>
                    <!--<div class="jiazai_1">
                            <a href="#kechengliebiao">
                                    加载更多...
                            </a>
                    </div>-->
                </div>
                <div class="yunqi">
                    <div class="d5">
                        <ul>

                        </ul>
                    </div>

                </div>
            </article>

        </section>
        <!--课程培训-->
        <section id="kechengpeixun">
            <article>
                <div class="tupian">
                    <img src="img/lunbnotu1.png" alt="" />
                </div>
                <div class="nev">
                    <a class="intro">线上培训</a>
                    <a>线下培训</a>
                    <a>认证导师</a>
                </div>
                <div class="d4">
                    <div class="nev1">
                        <a href="#kechengliebiao"><img src="img/icon/tubiao.png" alt="" />
                            <h1>孕期</h1></a>
                        <a href="#kechengliebiao"><img src="img/icon/tubiao1.png" alt="" />
                            <h1>产后</h1></a>
                        <a href="#kechengliebiao"><img src="img/icon/tubiao2.png" alt="" />
                            <h1>月子</h1></a>
                        <a href="#kechengliebiao"><img src="img/icon/tubiao3.png" alt="" />
                            <h1>亲子</h1></a>
                        <a href="#kechengliebiao"><img src="img/icon/tubiao4.png" alt="" />
                            <h1>名师</h1></a>
                        <!--<a href="#kechengliebiao"><img src="img/icon/tubiao5.png" alt="" />
                                <h1>全部</h1></a>-->
                    </div>
                    <div class="d5">
                        <div class="d6"></div>
                        <div class="kc">
                            <h1><img src="img/zuo.png" alt=""/>精彩推荐<img src="img/you.png" alt=""/></h1>
                        </div>
                        <div class="d6"></div>
                        <ul>

                        </ul>
                    </div>
                </div>
                <div class="xixi">
                    <div class="xianxia">
                        <div class="wen">
                            <h1><img src="img/dianzuo.png" alt=""/>近期培训<img src="img/dianyou.png" alt=""/></h1>
                        </div>
                        <div class="yuyue">
                            <ul>
                            </ul>
                        </div>
                        <div class="jiazai_1">
                            <a href="#kechengliebiao">
                                加载更多...
                            </a>
                        </div>
                    </div>
                    <div class="gequ"></div>
                    <div class="lishi">
                        <div class="wen">
                            <h1><img src="img/dianzuo.png" alt=""/>历史培训<img src="img/dianyou.png" alt=""/></h1>
                        </div>
                        <div class="nei">
                            <ul>
                            </ul>
                        </div>
                        <div class="jiazai_1">
                            <a href="#lishiliebiao">
                                加载更多...
                            </a>
                        </div>
                        <div class="gequ">
                            <p></p>
                        </div>
                    </div>
                </div>
                <div class="cha">
                    <div class="mz">
                        <h1>查询类型<select class="xiala" name="ss"><option value="name" name="ss">导师姓名</option><option value="idcard" name="ss">身份证号</option><option value="bianhao" name="ss">证件编号</option><option value="diqu" name="ss">地区查询</option> </select></h1>
                    </div>
                    <div class="nr">
                        <input type="text" name="" placeholder="输入查询">
                    </div>
                    <div class="sj">
                        <h2>所在地区：
                            <select id="province" name="shengid"><option area="" value ="">--请选择--</option>
                            </select>
                            <select id="city" name="shiid"><option  area="" value ="">--请选择--</option>
                            </select>
                            <select id="district" name="xianid"><option area="" value ="">--请选择--</option>
                            </select></h2>
                    </div>
                    <a href="#qunbu" class="chaxun"><button>导师查询</button></a>
                    <a href="#apply" class="shenqing"><p>导师申请>></p></a>
                </div>
                </div>
            </article>
        </section>
        <!--导师全部页-->
        <section id="qunbu">
            <article>
                <ul>
                </ul>
            </article>
        </section>
        <!--导师详情页-->
        <section id="xing" class="nofooter">
            <article>
                <form>
                    <ul>

                    </ul>
                </form>
                <button>支付查看详情</button>
                <div class="daoshixiang">
                    <p>确认支付<span>98.00</span>元</p>
                    <a>去支付</a>
                </div>
                <div id="xing_zhifu">
                	<p>
                		<span>确认支付</span>
                		<b>确认</b><b>取消</b>
                	</p>
                </div>
                <div class="yuebu">
                    <p>
                        <span>余额不足是否充值</span>
                        <a href="#qianbao">前往</a><b>取消</b>
                    </p>
                </div>
                <div class="zu">
                    <p>
                        <span>购买成功</span>
                        <a>确定</a>
                    </p>
                </div>
                <h1></h1>
            </article>
        </section>
        <section id="apply" class="nofooter">
            <article>
                <from>
                    <ul>
                        <li>姓名<input name="name" placeholder="请输入姓名"></li>
                        <li>性别<input name="sex" placeholder="请输入性别"></li>
                        <li>年龄<input name="nianling" placeholder="请输入年龄"></li>
                        <li>身份证号<input name="idcard" placeholder="请输入身份证号"></li>
                        <li>联系电话<input name="telphone" placeholder="请输入联系电话"></li>
                        <li>证书编号<input name="bianhao" type="text" placeholder="请输入证书编号"></li>
                        <li>专业领域<input name="zhuanye" type="text" placeholder="请输入专业领域"></li>
                        <li>导师地区
                            <select id="province" name="shengid"><option area="" value ="">--请选择--</option>
                            </select>
                            <select id="city" name="shiid"><option  area="" value ="">--请选择--</option>
                            </select>
                            <select id="district" name="xianid"><option area="" value ="">--请选择--</option>
                            </select> 
                        </li>
                        <li>导师头像<input type="file" name="ico"  id="ico">
                            <div id="goods_logo_dv">
                                <img src="" alt="" id="goods_logo_im"></img>
                            </div>
                        </li>

                    </ul>
                </from>
                    <button>导师申请</button>
            </article>
        </section>
        <!--问答-->
        <section id="wenda">
            <article>
                <div class="tp">
                    <img src="img/wendazhuti.png" alt="" />
                </div>
                <div class="d1">
                    <a href="#wenzhuanjia"><img src="img/wenzhuanjia.png" alt="" />
                        <h1>问专家</h1></a>
                    <a href="#sousuo" class="a2"><img src="img/sousuo.png" alt="" />
                        <h1>搜索</h1></a>
                </div>
                <div class="zt">
                    <ul>
                        <li>
                            <img class="img0" src="img/pinluntouxiang.png" alt="" />
                            <h1>张妈妈1</h1>
                            <h2>来自分类：孕期运动</h2>
                            <p class="p1">崔老师，最近每天都要做多重任务，每个任务都很重要，感觉身体不适，应当怎样缓解？</p>
                            <p class="p2"><img src="img/yuyin.png" alt="" />一元偷偷听</p>
                            <img class="img1" src="img/yisheng.png" alt="" />
                            <h3>2017-02-05</h3>
                            <h4><img src="img/riji.png" alt=""/><span>277</span></h4>
                            <h5><img src="img/dianzan.png" alt=""/><span>10</span></h5>
                            <img class="img2" src="img/zhiding.png" alt="" />
                        </li>
                        <li>
                            <img class="img0" src="img/pinluntouxiang.png" alt="" />
                            <h1>张妈妈2</h1>
                            <h2>来自分类：孕期运动</h2>
                            <p class="p1">崔老师，最近每天都要做多重任务，每个任务都很重要，感觉身体不适，应当怎样缓解？</p>
                            <p class="p2"><img src="img/yuyin.png" alt="" />一元偷偷听</p>
                            <img class="img1" src="img/yisheng.png" alt="" />
                            <h3>2017-02-05</h3>
                            <h4><img src="img/riji.png" alt=""/><span>277</span></h4>
                            <h5><img src="img/dianzan.png" alt=""/><span>10</span></h5>
                            <img class="img2" src="img/zhiding.png" alt="" />
                        </li>
                        <li>
                            <img class="img0" src="img/pinluntouxiang.png" alt="" />
                            <h1>张妈妈3</h1>
                            <h2>来自分类：孕期运动</h2>
                            <p class="p1">崔老师，最近每天都要做多重任务，每个任务都很重要，感觉身体不适，应当怎样缓解？</p>
                            <p class="p2"><img src="img/yuyin.png" alt="" />一元偷偷听</p>
                            <img class="img1" src="img/yisheng.png" alt="" />
                            <h3>2017-02-05</h3>
                            <h4><img src="img/riji.png" alt=""/><span>277</span></h4>
                            <h5><img src="img/dianzan.png" alt=""/><span>10</span></h5>
                            <img class="img2" src="img/zhiding.png" alt="" />
                        </li>
                    </ul>
                </div>
                <div class="zf">
                    <h1></h1>
                    <p>确认支付1.00元</p>
                    <a>去支付</a>
                </div>
            </article>
        </section>
        <!--我的-->
        <section id="wode">
            <article>
                <div class="touxiang">
                    <img src="img/touxiang.png" alt="" />
                    <h1>王昕</h1>
                    <p>我的余额</p>
                    <h2>会员等级<span>V1</span></h2>
                    <h3>100.00</h3>
                    <h4>我的积分：<span>100</span></h4>
                </div>
                <div class="caidan_1 ">
                    <a id="wode_xianxia" href="#xianxiayueke">线下约课</a>
                    <a href="#gerenxinxi">个人信息</a>
                    <a href="#wodekecheng">我的课程</a>
                    <a id="money" href="#qianbao">我的钱包</a>
                    <a id="wode_qingjia" href="#woyaoqingjia">我要请假</a>
                    <a id="wode_peixun"href="#wodepeixun">我的培训</a>
                    <a>最新动态</a>
                    <a>我的关注</a>
                    <a>我的提问</a>
                    <a>我的订单</a>
                    <a href="#guanyuxinyun">关于昕孕</a>
                    <a>我的回答</a>
                </div>
        </section>
        <!--近期线下培训详细-->
        <section id="xianxiapeixun">
            <article>
                <div>
                    <img src="">
                </div>
                <h1>孕期瑜伽综合培训</h1>
                <ul>
                    <li>
                        <span>2017年6月30日</span>-<span>2017年6月30日</span>
                        <b>北京市海淀区光明瑜伽培训</b>
                        <i>报名预约</i>
                        <span id="jiage">￥3000</span>
                    </li>
                    <li>
                        <b>注意事项：</b>
                        <div></div>
                    </li>
                </ul>
                <div class="yycg">
                    <p><span>请完善个人信息</span>
                        <a id="wanshan_button" href="#gerenxinxi">前往</a>
                    </p>
                    <p>
                        请选择孕周：
                        <select id="yunzhou"></select><button type="button">确定</button>
                    </p>
                    <p>
                        <span>是否支付</span>
                        <b>确认</b><b>取消</b>
                    </p>
                    <p>
                        <span>余额不足是否充值</span>
                        <a href="#qianbao">前往</a><b>取消</b>
                    </p>
                </div>
            </article>
        </section>
        <!--课程主题-->
        <section id="kechengzhuti" class="nofooter">
            <article>
                <div class="banner">
                    <video controls="controls" src="" poster="">
                        Your browser does not support the <code>video</code>
                    </video>
                </div>
                <div class="banner_1">
                    <h1></h1>
                    <h3>￥<span></span>元</h3>
                    <h4><span>0</span>人参与</h4>
                    <a id="kechengbuybtn">立即购买</a>
                </div>
                <div class="banner_2">
                    <a class="a1 lei">课程介绍</a>
                    <a class="a2">课程评论</a>
                </div>
                <div class="banner_3">
                    <h1>视频章节</h1>
                    <div class="video">
                        <ul>
                            <li class="video_1">
                                <h1>第一节</h1>
                                <h2>气息调节，身体放松</h2>
                                <span>20:02</span>
                            </li>
                            <li>
                                <h1>第一节</h1>
                                <h2>气息调节，身体放松</h2>
                                <span>20:02</span>
                            </li>
                            <li>
                                <h1>第一节</h1>
                                <h2>气息调节，身体放松</h2>
                                <span>20:02</span>
                            </li>
                            <li>
                                <h1>第一节</h1>
                                <h2>气息调节，身体放松</h2>
                                <span>20:02</span>
                            </li>
                            <li>
                                <h1>第一节</h1>
                                <h2>气息调节，身体放松</h2>
                                <span>20:02</span>
                            </li>
                            <li>
                                <h1>第一节</h1>
                                <h2>气息调节，身体放松</h2>
                                <span>20:02</span>
                            </li>
                            <li>
                                <h1>第一节</h1>
                                <h2>气息调节，身体放松</h2>
                                <span>20:02</span>
                            </li>
                        </ul>
                    </div>
                    <!--课程内容-->
                    <div class="d1">

                    </div>
                    <!--视频评论-->
                    <div class="kecheng">
                        <ul>
                            <li>
                                <img src="img/pingluntouxiang.png" alt="" />
                                <h1>赵二小姐</h1>
                                <h2>2017-6-09</h2>
                                <p>Choices often occur that one has to make,for example,between two desirable jobs,two fascinating wooers,Toget one you </p>
                            </li>
                            <li>
                                <img src="img/pingluntouxiang.png" alt="" />
                                <h1>赵二小姐</h1>
                                <h2>2017-6-09</h2>
                                <p>Choices often occur that one has to make,for example,between two desirable jobs,two fascinating wooers,Toget one you </p>
                            </li>
                            <li>
                                <img src="img/pingluntouxiang.png" alt="" />
                                <h1>赵二小姐</h1>
                                <h2>2017-6-09</h2>
                                <p>Choices often occur that one has to make,for example,between two desirable jobs,two fascinating wooers,Toget one you </p>
                            </li>
                            <li>
                                <img src="img/pingluntouxiang.png" alt="" />
                                <h1>赵二小姐</h1>
                                <h2>2017-6-09</h2>
                                <p>Choices often occur that one has to make,for example,between two desirable jobs,two fascinating wooers,Toget one you </p>
                            </li>
                        </ul>
                        <div class="shanchu">
                            <div class="shanchu_2"></div>
                            <h1>删除</h1>
                        </div>
                        <div class="shuru">
                            <input style="text" value="说点什么吧">
                            <button>评论</button>
                        </div>
                    </div>
                    <div class="yuebuzu">
                        <p>
                            <span>余额不足是否充值</span>
                            <a href="#qianbao">前往</a><b>取消</b>
                        </p>
                    </div>
            </article>
            <div class="zfbj">
                <img src="img/beijing.png" alt="" />
            </div>
            <div class="zf" id="zhifu">
                <p>确认支付99.00元</p>
                <a id="quzhifu">去支付</a>
            </div>
        </section>
        <!--问专家-->
        <section id="wenzhuanjia" class="nofooter">
            <article>
                <div class="ss">
                    <input type="text" placeholder="搜索感兴趣的人和内容">
                </div>
                <div class="daohang">
                    <a href="#zhuanjialiebiao"><img src="img/wenzhuanjia1.png" alt="" />
                        <h1>孕期运动</h1></a>
                    <a><img src="img/wenzhuanjia2.png" alt="" />
                        <h1>产后恢复</h1></a>
                    <a><img src="img/wenzhuanjia3.png" alt="" />
                        <h1>医疗健康</h1></a>
                </div>
                <div class="caidan">
                    <p>
                        <a>育儿</a>
                        <a>教育</a>
                        <a>情感</a>
                        <a>全部</a>
                    </p>
                </div>
                <div class="d2">
                    <h1><img src="img/dianzuo.png" alt=""/>热推名人<img src="img/dianyou.png" alt=""/></h1>
                </div>
                <ul>
                    <li>
                        <img src="" alt="" />
                        <h1>崔医生</h1>
                        <h2>知名妇产科医生</h2>
                        <h3><span>597</span>回答</h3>
                        <h4><span>57739</span>人收听</h4>
                        <div class="d3"><img class="img2" src="img/jiahao.png" alt="" /><img class="img1" src="img/erji.png" alt="" /></div>
                    </li>
                    <li>
                        <img src="" alt="" />
                        <h1>崔医生</h1>
                        <h2>知名妇产科医生</h2>
                        <h3><span>597</span>回答</h3>
                        <h4><span>57739</span>人收听</h4>
                        <div class="d3"><img class="img2" src="img/jiahao.png" alt="" /><img class="img1" src="img/erji.png" alt="" /></div>
                    </li>
                </ul>
            </article>
        </section>
        <!--专家列表-->
        <section id="zhuanjialiebiao" class="nofooter">
            <ul>
                <li>
                    <img src="" alt="" />
                    <h1>崔医生</h1>
                    <h2>知名妇产科医生</h2>
                    <h3><span>597</span>回答</h3>
                    <h4><span>57739</span>人收听</h4>
                    <div class="d3">
                        <p>+</p>
                    </div>
                </li>
                <li>
                    <img src="" alt="" />
                    <h1>李银河</h1>
                    <h2>知名妇产科医生</h2>
                    <h3><span>597</span>回答</h3>
                    <h4><span>57739</span>人收听</h4>
                    <div class="d3"><img class="img2" src="img/jiahao.png" alt="" /><img class="img1" src="img/erji.png" alt="" /></div>
                </li>
                <li>
                    <img src="" alt="" />
                    <h1>李银河</h1>
                    <h2>知名妇产科医生</h2>
                    <h3><span>597</span>回答</h3>
                    <h4><span>57739</span>人收听</h4>
                    <div class="d3"><img class="img2" src="img/jiahao.png" alt="" /><img class="img1" src="img/erji.png" alt="" /></div>
                </li>
                <li>
                    <img src="" alt="" />
                    <h1>李银河</h1>
                    <h2>知名妇产科医生</h2>
                    <h3><span>597</span>回答</h3>
                    <h4><span>57739</span>人收听</h4>
                    <div class="d3"><img class="img2" src="img/jiahao.png" alt="" /><img class="img1" src="img/erji.png" alt="" /></div>
                </li>
            </ul>
        </section>
        <!--搜索-->
        <section id="sousuo" class="nofooter">
            <article>
                <div class="sousuo_1">
                    <input type="text" placeholder="搜索感兴趣的人和内容">
                    <p>搜索</p>
                </div>
                <div class="lishisousuo">
                    <h1>搜索历史</h1>
                    <p>清空</p>
                    <ul>
                        <li>123</li>
                        <li>123</li>
                        <li>123</li>
                        <li>123</li>
                        <li>123</li>
                        <li>123</li>
                    </ul>
                </div>
                <div class="remensousuo">
                    <h1>热门搜索</h1>
                    <ul>
                        <li>123</li>
                        <li>123</li>
                        <li>123</li>
                        <li>123</li>
                        <li>123</li>
                        <li>123</li>
                    </ul>
                </div>
            </article>
        </section>
        <!--医生详情-->
        <section id="yishengxiangqing" class="nofooter">
            <article>
                <div class="cui">
                    <ul>
                        <li>
                            <img src="" alt="" />
                            <h1>崔医生</h1>
                            <h4><span>57739</span>人收听</h4>
                            <div class="d3"><img class="img2" src="img/jiahao.png" alt="" /><img class="img1" src="img/erji.png" alt="" /></div>
                        </li>
                    </ul>
                </div>
                <div class="jsh">
                    <h1>资深瑜伽讲师</h1>
                    <p>印度SWARGSHAM静修学院深造，师从印度瑜伽大师YOGESH.取得印度Rishikesh yoga Teacher"s的资格认证;中央电视台儿童频道亲子瑜伽专业讲师;为国家教育部拍摄孕期瑜伽光盘;《母婴》、《悦己》杂志发表孕期瑜伽专栏;张菁瑜珈、北京蝉舟瑜珈总部、圣玛瑜伽总部、教学总监;北京协和医院、北京美华妇产医院、北京航天部医院专业孕妇瑜伽教师;中海油、中石化专业企业内训教师; 多次在国内举办各种教师培训及讲座.</p>
                    <p>没有风的地方，灯火不会闪动；同样，一个能控制自己的大脑，智力，自我的瑜伽修行者，已完全专注于自身内部的精神中。当无休止的大脑，智力，自我通过实践瑜伽所静止，修炼瑜伽的人便通过自身的精神之美寻找到圆满。</p>
                    <h2>医疗健康</h2>
                </div>
                <div class="kb"></div>
                <div class="yz">
                    <div class="hd">
                        <span></span>
                    </div>
                    <h1>公开</h1>
                    <a>提问须知</a>
                </div>
            </article>
        </section>
        <!--课程列表-->
        <section id="kechengliebiao">
            <article>
                <ul>
                </ul>
            </article>
        </section>
        <!--课程列表-->
        <section id="peixunliebiao">
            <article>
                <ul>

                </ul>
            </article>
        </section>
        <!--lishipeixun-->
        <section id="lishiliebiao">
            <article>
                <ul>

                </ul>
            </article>
        </section>
        <!--个人信息-->
        <section id="gerenxinxi" class="nofooter">
            <article>
                <form id="user_lis">
                    <ul>
                        <li>微信昵称：<input name="nickname" placeholder="请输入微信昵称" /></li>
                        <li>真实姓名：<input name="realname" placeholder="请输入真实姓名" /></li>
                        <li>身份证号：<input name="idcard" placeholder="请输入身份证号" /></li>
                        <li>我的手机：<input name="telphone" placeholder="请输入手机号" /></li>
                        <li>详细地址：<input name="addr" placeholder="请输入详细地址" /></li>
                    </ul>
                </form>
                <button id="button_xiugai">修改</button>
                <span id="teyao">申请成为特邀会员》</span>
                <div class="yycg">
                    <p><span>修改成功</span>
                        <a id="xiugai_button" href="#wode">确定</a>
                    </p>

                </div>
            </article>
        </section>
        <!--钱包-->
        <section id="qianbao" class="nofooter">
            <article>
                <div>
                    <img src="img/qianbao.png" alt="" />
                    <h1>钱包余额</h1>
                    <p>￥<span>8.00</span></p>
                </div>
                <a class="a_1" href="#chongzhi">充值</a>
                <a href="#tixian">提现</a>
                <a id="qianbao_mingxi" href="#wode_mingxi">查看我的消费明细>></a>
            </article>
        </section>
        <!--钱包充值-->
        <section id="chongzhi" class="nofooter">
            <article>
                <h1>钱包充值</h1>
                <p>微信支付</p>
                <input class="name" type="text" name="username" placeholder="输入金额(￥)" />
                <button>确认充值</button>
                <div class="yycg">
                    <p>
                        <span>充值成功</span>
                        <a href="#wode">确认</a>
                    </p>
                </div>
            </article>
        </section>
        <!--余额提现-->
        <section id="tixian" class="nofooter">
            <article>
                <h1>余额提现</h1>
                <p>到微信零钱</p>
                <input class="name" type="text" name="yuetixian" placeholder="输入金额(￥)" />
                <button>确认提现</button>
            </article>
        </section>
        <!--线下约课-->
        <section id="xianxiayueke" class="nofooter">
            <article>
                <div class="xianxiadaohang">
                    <a class="intro">单日课程</a>
                    <a>本周课程</a>
                </div>
                <select id="paikecity">
                </select>
                <select id="room">
                </select>
                <div class="zhou_1">
                    <!--今日课程-->
                    <div class="zhou">
                        <ul>
                            <li class="intro_1" day="">
                                <p></p>
                                <p></p>
                            </li>
                            <li day="">
                                <p></p>
                                <p></p>
                            </li>
                            <li day="">
                                <p></p>
                                <p></p>
                            </li>
                            <li day="">
                                <p></p>
                                <p></p>
                            </li>
                        </ul>
                        <div id="rili">
                            <label class="jelabel" for="test16" style="width:100%; height: 100%; display: inline-block; "><img src="img/icon/rili.png" alt="" style="width:0.8rem; height:0.8rem;"/></label>
                            <div class="jeinpbox"><input style="width: 0px; height: 0px; border: 0;" type="text" class="jeinput" id="test16" placeholder="YYYY-MM-DD" /></div>
                        </div>
                    </div>
                    <ul id="danri">
                        <li>
                            <h1>10:00</h1>
                            <h2>孕期瑜伽-顺位椅子</h2>
                            <h3>王昕</h3>
                            <h4>还差6人</h4>
                            <h5>立即预约</h5>
                        </li>
                        <li>
                            <h1>10:00</h1>
                            <h2>孕期瑜伽-顺位椅子</h2>
                            <h3>王昕</h3>
                            <h4>还差6人</h4>
                            <h5>立即预约</h5>
                        </li>
                        <li>
                            <h1>10:00</h1>
                            <h2>孕期瑜伽-顺位椅子</h2>
                            <h3>王昕</h3>
                            <h4>已开课</h4>
                            <h5>立即预约</h5>
                        </li>
                        <li>
                            <h1>10:00</h1>
                            <h2>孕期瑜伽-顺位椅子</h2>
                            <h3>王昕</h3>
                            <h4>还差6人</h4>
                            <h5>立即预约</h5>
                        </li>
                        <li>
                            <h1>10:00</h1>
                            <h2>孕期瑜伽-顺位椅子</h2>
                            <h3>王昕</h3>
                            <h4>还差6人</h4>
                            <h5>立即预约</h5>
                        </li>
                    </ul>
                    <div class="yycg">
                        <div id="card">
                            选择卡：
                            <select style="width:4rem; height: 0.5rem;">
                                <option>卡一</option>
                                <option>卡二</option>
                                <option>卡三</option>
                            </select>
                            <button kecheng="" style="width:1rem; height: 0.5rem; background:#8fc31f; color: white;" id="queding">确定</button>
                        </div>
                    </div>
                </div>
                <div class="zhou_2">
                    <a>上一周</a>
                    <h1>周课表</h1>
                    <a>下一周</a>
                </div>
                <div class="yizhou" style="margin: 0; padding:.2rem;">
                    <ul class="riqi">
                        <li day=""><span>11月13日</span>周一</li>
                        <li day=""><span>11月13日</span>周二</li>
                        <li day=""><span>11月13日</span>周三</li>
                        <li day=""><span>11月13日</span>周四</li>
                        <li day=""><span>11月13日</span>周五</li>
                        <li day=""><span>11月13日</span>周六</li>
                        <li day=""><span>11月13日</span>周日</li>
                    </ul>
                    <table id="tab">
                        <tbody>
                            <tr>
                                <td>
                                    <div>

                                    </div>
                                </td>
                                <td>
                                    <div>

                                    </div>
                                </td>
                                <td>
                                    <div>

                                    </div>
                                </td>
                                <td>
                                    <div>
                                    </div>
                                </td>
                                <td>
                                    <div>
                                    </div>
                                </td>
                                <td>
                                    <div>
                                    </div>
                                </td>
                                <td>
                                    <div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div>
                                    </div>
                                </td>
                                <td>
                                    <div>
                                    </div>
                                </td>
                                <td>
                                    <div>
                                    </div>
                                </td>
                                <td>
                                    <div>
                                    </div>
                                </td>
                                <td>
                                    <div>
                                    </div>
                                </td>
                                <td>
                                    <div>
                                    </div>
                                </td>
                                <td>
                                    <div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <div>
                                    </div>
                                </td>
                                <td>
                                    <div>
                                    </div>
                                </td>
                                <td>
                                    <div>
                                    </div>
                                </td>
                                <td>
                                    <div>
                                    </div>
                                </td>
                                <td>
                                    <div>
                                    </div>
                                </td>
                                <td>
                                    <div>
                                    </div>
                                </td>
                                <td>
                                    <div>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="yycg">
                        <div id="card_1">
                            选择卡：
                            <select style="width:4rem; height: 0.5rem;">
                                <option>卡一</option>
                                <option>卡二</option>
                                <option>卡三</option>
                            </select>
                            <button kecheng="" style="width:1rem; height: 0.5rem; background:#8fc31f; color: white;" id="queren">确定</button>
                        </div>
                    </div>
                    <div class="xiaoshi">

                    </div>
                </div>
            </article>
        </section>
        <!--我的课程-->
        <section id="wodekecheng" class="nofooter">
            <article>
                <div class="peixun">
                    <a class="intro">已约课程</a>
                    <a>历史培训</a>
                </div>
                <ul class="peixunjilu">
                    <li>
                        <h1>10:00<span>12-11</span></h1>
                        <h2>孕期瑜伽-顺位椅子</h2>
                        <h3>王昕</h3>
                        <h5>已预约</h5>
                    </li>
                    <li>
                        <h1>10:00<span>12-11</span></h1>
                        <h2>孕期瑜伽-顺位椅子</h2>
                        <h3>王昕</h3>
                        <h5>已预约</h5>

                    </li>
                    <li>
                        <h1>10:00</h1>
                        <h2>孕期瑜伽-顺位椅子</h2>
                        <h3>王昕</h3>
                        <h5>已预约</h5>
                    </li>
                    <li>
                        <h1>10:00</h1>
                        <h2>孕期瑜伽-顺位椅子</h2>
                        <h3>王昕</h3>
                        <h5>已预约</h5>
                    </li>
                    <li>
                        <h1>10:00</h1>
                        <h2>孕期瑜伽-顺位椅子</h2>
                        <h3>王昕</h3>
                        <h5>已预约</h5>
                    </li>
                </ul>
                <ul class="peixunjilu" style="display: none;">
                    <li>
                        <h1>10:00</h1>
                        <h2>孕期瑜伽-顺位椅子</h2>
                        <h3>王昕</h3>
                        <h5>已开课</h5>
                    </li>
                    <li>
                        <h1>10:00</h1>
                        <h2>孕期瑜伽-顺位椅子</h2>
                        <h3>王昕</h3>
                        <h5>已开课</h5>
                    </li>
                    <li>
                        <h1>10:00</h1>
                        <h2>孕期瑜伽-顺位椅子</h2>
                        <h3>王昕</h3>
                        <h5>已开课</h5>
                    </li>
                    <li>
                        <h1>10:00</h1>
                        <h2>孕期瑜伽-顺位椅子</h2>
                        <h3>王昕</h3>
                        <h5>已开课</h5>
                    </li>
                    <li>
                        <h1>10:00</h1>
                        <h2>孕期瑜伽-顺位椅子</h2>
                        <h3>王昕</h3>
                        <h5>已开课</h5>
                    </li>
                </ul>

                <div class="jiazai">
                    <span>点击加载全部...</span>
                </div>
            </article>
        </section>
        <!--我的培训-->
        <section id="wodepeixun" class="nofooter">
            <article>
                <div class="peixun">
                    <a class="intro">线上培训</a>
                    <a>线下培训</a>
                </div>
                <ul class="xianshangpeixun">
                    <li>
                        <h1><img style="width: .1rem;height: .1rem;" src="img/baner.png"/></h1>
                        <h2>王昕老师 孕期瑜伽练习2</h2>
                        <h3>王昕</h3>
                        <h5>已购买</h5>
                    </li>
                    <li>
                        <h1>10:00<span>12-11</span></h1>
                        <h2>孕期瑜伽-顺位椅子</h2>
                        <h3>王昕</h3>
                        <h5>已购买</h5>

                    </li>
                    <li>
                        <h1>10:00</h1>
                        <h2>孕期瑜伽-顺位椅子</h2>
                        <h3>王昕</h3>
                        <h5>已购买</h5>
                    </li>
                    <li>
                        <h1>10:00</h1>
                        <h2>孕期瑜伽-顺位椅子</h2>
                        <h3>王昕</h3>
                        <h5>已购买</h5>
                    </li>
                    <li>
                        <h1>10:00</h1>
                        <h2>孕期瑜伽-顺位椅子</h2>
                        <h3>王昕</h3>
                        <h5>已购买</h5>
                    </li>
                </ul>
                <ul class="xianxiapeixun" style="display: none;">
                    <li>
                        <h1>10:00</h1>
                        <h2>孕期瑜伽-顺位椅子</h2>
                        <h3>王昕</h3>
                        <h5>已开课</h5>
                    </li>
                    <li>
                        <h1>10:00</h1>
                        <h2>孕期瑜伽-顺位椅子</h2>
                        <h3>王昕</h3>
                        <h5>已开课</h5>
                    </li>
                    <li>
                        <h1>10:00</h1>
                        <h2>孕期瑜伽-顺位椅子</h2>
                        <h3>王昕</h3>
                        <h5>已开课</h5>
                    </li>
                    <li>
                        <h1>10:00</h1>
                        <h2>孕期瑜伽-顺位椅子</h2>
                        <h3>王昕</h3>
                        <h5>已开课</h5>
                    </li>
                    <li>
                        <h1>10:00</h1>
                        <h2>孕期瑜伽-顺位椅子</h2>
                        <h3>王昕</h3>
                        <h5>已开课</h5>
                    </li>
                </ul>
                <div class="jiazai">
                    <span>点击加载全部...</span>
                </div>
            </article>
        </section>
        <!--我要请假-->
        <section id="woyaoqingjia">
            <article>
                <div class="peixun">
                    <a class="intro">请假课程</a>
                    <a>请假记录</a>
                </div>
                <ul>
                </ul>
                <div class="jiazai">
                    <span>
                        加载更多...
                    </span>
                </div>
                <div class="yycg">
                    <div id="no">关闭</div>
                    <textarea placeholder="请输入请假理由..."></textarea><button type="button">提交</button>
                </div>
            </article>
        </section>
        <!--商城-->
        <section id="shangcheng">
            <article>
                <div class="lunbotu">
                    <ul>
                    </ul>
                </div>
                <div class="sousuo">
                    <img src="img/shangcheng.png" alt="" />
                    <input type="text" name="kewords" placeholder="搜索商品">
                </div>
                <ul class="tiaozhuan">
                    <img src="img/tiaozhuang.png" alt="" />
                    <li>
                        <a href="#xinpin">
                            <img src="img/xinpin.png" alt="" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/fushi.png" alt="" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/dian.png" alt="" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/peijian.png" alt="" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/xinpin.png" alt="" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/xinpin.png" alt="" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/xinpin.png" alt="" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/xinpin.png" alt="" />
                        </a>
                    </li>
                </ul>
                <div class="tuzhan">
                    <div class="tuzhan_left">
                        <img src="img/taozhuang.jpg" alt="" />
                        <h2>-套装-</h2>
                    </div>
                    <ul>
                        <li>
                            <img src="img/moxiong.jpg" alt="" />
                            <h2>-抹胸-</h2>
                        </li>
                        <li>
                            <img src="img/moxiong.jpg" alt="" />
                            <h2>-抹胸-</h2>
                        </li>
                        <li>
                            <img src="img/moxiong.jpg" alt="" />
                            <h2>-抹胸-</h2>
                        </li>
                        <li>
                            <img src="img/moxiong.jpg" alt="" />
                            <h2>-抹胸-</h2>
                        </li>
                    </ul>
                </div>
                <!--限时特价-->
                <p>限时特价></p>
                <!--限时特价_轮番图-->
                <div class="tejia_tu">
                    <ul>
                        <li><img src="img/tejia_tu.jpg" alt="" /></li>
                        <li><img src="img/tejia_tu.jpg" alt="" /></li>
                        <li><img src="img/tejia_tu.jpg" alt="" /></li>
                    </ul>
                    <ol>
                        <li class="blue"></li>
                        <li></li>
                        <li></li>
                    </ol>
                </div>
                <!--限时特价_商品-->
                <ul class="tejia_shang">
                    <!--限时特价_商品展示1-->
                    <li>
                        <div>
                            <img src="img/xianshi_haner.jpg" alt="" />
                            <ul>
                                <li>
                                    <img src="img/tejiashangpin.jpg" alt="" />
                                    <p>哈他65cm加厚防爆瑜伽球哈他65cm加厚防爆瑜伽球</p>
                                    <div>
                                        <span>￥99.00</span>
                                        <span>￥122.00</span>
                                        <span><a href="#shangpingxiang"><img src="img/gouwuche.png" alt="" onclick=""/></a></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/tejiashangpin.jpg" alt="" />
                                    <p>哈他65cm加厚防爆瑜伽球哈他65cm加厚防爆瑜伽球</p>
                                    <div>
                                        <span>￥99.00</span>
                                        <span>￥122.00</span>
                                        <span><a href="#shangpingxiang"><img src="img/gouwuche.png" alt="" onclick=""/></a></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/tejiashangpin.jpg" alt="" />
                                    <p>哈他65cm加厚防爆瑜伽球哈他65cm加厚防爆瑜伽球</p>
                                    <div>
                                        <span>￥99.00</span>
                                        <span>￥122.00</span>
                                        <span><a href="#shangpingxiang"><img src="img/gouwuche.png" alt="" onclick=""/></a></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/tejiashangpin.jpg" alt="" />
                                    <p>哈他65cm加厚防爆瑜伽球哈他65cm加厚防爆瑜伽球</p>
                                    <div>
                                        <span>￥99.00</span>
                                        <span>￥122.00</span>
                                        <span><a href="#shangpingxiang"><img src="img/gouwuche.png" alt="" onclick=""/></a></span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <!--限时特价_商品展示2-->
                    <li>
                        <div>
                            <img src="img/xianshi_haner.jpg" alt="" />
                            <ul>
                                <li>
                                    <img src="img/tejiashangpin.jpg" alt="" />
                                    <p>哈他65cm加厚防爆瑜伽球哈他65cm加厚防爆瑜伽球</p>
                                    <div>
                                        <span>￥99.00</span>
                                        <span>￥122.00</span>
                                        <span><a href="#shangpingxiang"><img src="img/gouwuche.png" alt="" onclick=""/></a></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/tejiashangpin.jpg" alt="" />
                                    <p>哈他65cm加厚防爆瑜伽球哈他65cm加厚防爆瑜伽球</p>
                                    <div>
                                        <span>￥99.00</span>
                                        <span>￥122.00</span>
                                        <span><a href="#shangpingxiang"><img src="img/gouwuche.png" alt="" onclick=""/></a></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/tejiashangpin.jpg" alt="" />
                                    <p>哈他65cm加厚防爆瑜伽球哈他65cm加厚防爆瑜伽球</p>
                                    <div>
                                        <span>￥99.00</span>
                                        <span>￥122.00</span>
                                        <span><a href="#shangpingxiang"><img src="img/gouwuche.png" alt="" onclick=""/></a></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/tejiashangpin.jpg" alt="" />
                                    <p>哈他65cm加厚防爆瑜伽球哈他65cm加厚防爆瑜伽球</p>
                                    <div>
                                        <span>￥99.00</span>
                                        <span>￥122.00</span>
                                        <span><a href="#shangpingxiang"><img src="img/gouwuche.png" alt="" onclick=""/></a></span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <!--限时特价_商品展示3-->
                    <li>
                        <div>
                            <img src="img/xianshi_haner.jpg" alt="" />
                            <ul>
                                <li>
                                    <img src="img/tejiashangpin.jpg" alt="" />
                                    <p>哈他65cm加厚防爆瑜伽球哈他65cm加厚防爆瑜伽球</p>
                                    <div>
                                        <span>￥99.00</span>
                                        <span>￥122.00</span>
                                        <span><a href="#shangpingxiang"><img src="img/gouwuche.png" alt="" onclick=""/></a></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/tejiashangpin.jpg" alt="" />
                                    <p>哈他65cm加厚防爆瑜伽球哈他65cm加厚防爆瑜伽球</p>
                                    <div>
                                        <span>￥99.00</span>
                                        <span>￥122.00</span>
                                        <span><a href="#shangpingxiang"><img src="img/gouwuche.png" alt="" onclick=""/></a></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/tejiashangpin.jpg" alt="" />
                                    <p>哈他65cm加厚防爆瑜伽球哈他65cm加厚防爆瑜伽球</p>
                                    <div>
                                        <span>￥99.00</span>
                                        <span>￥122.00</span>
                                        <span><a href="#shangpingxiang"><img src="img/gouwuche.png" alt="" onclick=""/></a></span>
                                    </div>
                                </li>
                                <li>
                                    <img src="img/tejiashangpin.jpg" alt="" />
                                    <p>哈他65cm加厚防爆瑜伽球哈他65cm加厚防爆瑜伽球</p>
                                    <div>
                                        <span>￥99.00</span>
                                        <span>￥122.00</span>
                                        <span><a href="#shangpingxiang"><img src="img/gouwuche.png" alt="" onclick=""/></a></span>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
                <!--尾部-->
                <div class="weibu">
                    <div>
                        <img src="img/shangcheng.png" alt="" />
                        <input type="text" name="" placeholder="搜索商品">
                    </div>
                    <ul>
                        <li>
                            <a href="#xinpin">新品预售</a>
                        </li>
                        <li>
                            <a href="#fushi">瑜伽服饰</a>
                        </li>
                        <li>
                            <a href="#yujadian">瑜伽垫</a>
                        </li>
                        <li>
                            <a href="#peijian">辅助配件</a>
                        </li>
                        <li>
                            <a href="#zuanxiang">孕妇专享</a>
                        </li>
                        <li>
                            <a href="#shicai">食物食材</a>
                        </li>
                        <li>
                            <a href="#haowu">生活好物</a>
                        </li>
                        <li>
                            <a href="#tejia">限时特价</a>
                        </li>
                    </ul>
                    <h2>中企聚易提供技术支持</h2>
                </div>
            </article>
        </section>
        <!--新品预售-->
        <section id="xinpin">
            <article>
                <div class="sousuo">
                    <img src="img/shangcheng.png" alt="" />
                    <input type="text" name="" placeholder="搜索商品">
                </div>
                <div class="shangpin">
                    <h1><img src="img/yushou_1.png" alt=""/>新品预售<img src="img/yushou_2.png" alt=""/></h1>
                </div>
                <div class="shangpintu">
                    <ul>
                        <li>
                            <img src="img/tejiashangpin.jpg" alt="" />
                            <p>哈他65cm加厚防爆瑜伽球哈他65cm加厚防爆瑜伽球</p>
                            <div>
                                <span>￥99.00</span>
                                <span>￥122.00</span>
                                <span><a href="#shangpingxiang"><img src="img/gouwuche.png" alt="" onclick=""/></a></span>
                            </div>
                        </li>
                        <li>
                            <img src="img/tejiashangpin.jpg" alt="" />
                            <p>哈他65cm加厚防爆瑜伽球哈他65cm加厚防爆瑜伽球</p>
                            <div>
                                <span>￥99.00</span>
                                <span>￥122.00</span>
                                <span><a href="#shangpingxiang"><img src="img/gouwuche.png" alt="" onclick=""/></a></span>
                            </div>
                        </li>
                        <li>
                            <img src="img/tejiashangpin.jpg" alt="" />
                            <p>哈他65cm加厚防爆瑜伽球哈他65cm加厚防爆瑜伽球</p>
                            <div>
                                <span>￥99.00</span>
                                <span>￥122.00</span>
                                <span><a href="#shangpingxiang"><img src="img/gouwuche.png" alt="" onclick=""/></a></span>
                            </div>
                        </li>
                        <li>
                            <img src="img/tejiashangpin.jpg" alt="" />
                            <p>哈他65cm加厚防爆瑜伽球哈他65cm加厚防爆瑜伽球</p>
                            <div>
                                <span>￥99.00</span>
                                <span>￥122.00</span>
                                <span><a href="#shangpingxiang"><img src="img/gouwuche.png" alt="" onclick=""/></a></span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="weibu">
                    <ul>
                        <li>
                            <a href="#xinpin">新品预售</a>
                        </li>
                        <li>
                            <a href="#fushi">瑜伽服饰</a>
                        </li>
                        <li>
                            <a href="#yujadian">瑜伽垫</a>
                        </li>
                        <li>
                            <a href="#peijian">辅助配件</a>
                        </li>
                        <li>
                            <a href="#zuanxiang">孕妇专享</a>
                        </li>
                        <li>
                            <a href="#shicai">食物食材</a>
                        </li>
                        <li>
                            <a href="#haowu">生活好物</a>
                        </li>
                        <li>
                            <a href="#tejia">限时特价</a>
                        </li>
                    </ul>
                    <h2>中企聚易提供技术支持</h2>
                </div>
            </article>
        </section>
        <!--瑜伽服饰-->
        <section id="fushi">
            <article>
                <div class="sousuo">
                    <img src="img/shangcheng.png" alt="" />
                    <input type="text" name="" placeholder="搜索商品">
                </div>
                <div class="shangpin">
                    <h1><img src="img/yushou_1.png" alt=""/>瑜伽服饰<img src="img/yushou_2.png" alt=""/></h1>
                    <ul>
                        <li class="xia">
                            <a href="">
                                <img src="img/yujiafushi.jpg" alt="" />
                                <h2>—套装—</h2>
                                <p></p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="img/yujiafushi.jpg" alt="" />
                                <h2>—套装—</h2>
                                <p></p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="img/yujiafushi.jpg" alt="" />
                                <h2>—套装—</h2>
                                <p></p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="img/yujiafushi.jpg" alt="" />
                                <h2>—套装—</h2>
                                <p></p>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <img src="img/yujiafushi.jpg" alt="" />
                                <h2>—套装—</h2>
                                <p></p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="yangshi">
                    <ul>
                        <li>
                            <img src="img/tejiashangpin.jpg" alt="" />
                            <p>哈他65cm加厚防爆瑜伽球哈他65cm加厚防爆瑜伽球</p>
                            <div>
                                <span>￥99.00</span>
                                <span>￥122.00</span>
                                <span><a href="#shangpingxiang"><img src="img/gouwuche.png" alt="" onclick=""/></a></span>
                            </div>
                        </li>
                        <li>
                            <img src="img/tejiashangpin.jpg" alt="" />
                            <p>哈他65cm加厚防爆瑜伽球哈他65cm加厚防爆瑜伽球</p>
                            <div>
                                <span>￥99.00</span>
                                <span>￥122.00</span>
                                <span><a href="#shangpingxiang"><img src="img/gouwuche.png" alt="" onclick=""/></a></span>
                            </div>
                        </li>
                        <li>
                            <img src="img/tejiashangpin.jpg" alt="" />
                            <p>哈他65cm加厚防爆瑜伽球哈他65cm加厚防爆瑜伽球</p>
                            <div>
                                <span>￥99.00</span>
                                <span>￥122.00</span>
                                <span><a href="#shangpingxiang"><img src="img/gouwuche.png" alt="" onclick=""/></a></span>
                            </div>
                        </li>
                        <li>
                            <img src="img/tejiashangpin.jpg" alt="" />
                            <p>哈他65cm加厚防爆瑜伽球哈他65cm加厚防爆瑜伽球</p>
                            <div>
                                <span>￥99.00</span>
                                <span>￥122.00</span>
                                <span><a href="#shangpingxiang"><img src="img/gouwuche.png" alt="" onclick=""/></a></span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="weibu">
                    <ul>
                        <li>
                            <a href="#xinpin">新品预售</a>
                        </li>
                        <li>
                            <a href="#fushi">瑜伽服饰</a>
                        </li>
                        <li>
                            <a href="#yujadian">瑜伽垫</a>
                        </li>
                        <li>
                            <a href="#peijian">辅助配件</a>
                        </li>
                        <li>
                            <a href="#zuanxiang">孕妇专享</a>
                        </li>
                        <li>
                            <a href="#shicai">食物食材</a>
                        </li>
                        <li>
                            <a href="#haowu">生活好物</a>
                        </li>
                        <li>
                            <a href="#tejia">限时特价</a>
                        </li>
                    </ul>
                    <h2>中企聚易提供技术支持</h2>
                </div>
            </article>
        </section>
        <!--物品详情-->
        <section id="shangpingxiang">
            <article>
                <div class="sc_wu">
                    <ul>
                        <li><img src="img/sc_wu.jpg" alt="" /></li>
                        <li><img src="img/sc_wu.jpg" alt="" /></li>
                        <li><img src="img/sc_wu.jpg" alt="" /></li>
                    </ul>
                    <ol>
                        <li class="blue"></li>
                        <li></li>
                        <li></li>
                    </ol>
                </div>
                <div class="sc_nr">
                    <p>哈他瑜伽专卖，顶级瑜伽彩虹转，安全吸汗 哈他瑜伽专卖，顶级瑜伽彩虹转，安全吸汗</p>
                    <h2>￥34.00 - 59.00</h2>
                    <div class="sc_xi">
                        <div>
                            <h3>原价：￥78.00</h3>
                            <h4>分类来源：辅助配件</h4>
                        </div>
                        <p><img src="img/xin.png" alt="" /><span>喜欢</span></p>
                    </div>
                </div>
                <h3>取货点：北京市海淀区西三旗上奥世纪</h3>
                <div class="sc_xinyu">
                    <ul>
                        <li>
                            <img src="img/duihao.png" alt="" />
                            <span>正版商品</span>
                        </li>
                        <li>
                            <img src="img/duihao.png" alt="" />
                            <span>正版商品</span>
                        </li>
                    </ul>
                </div>
                <div class="sc_guxiang">
                    <ul>
                        <li>
                            <h1>选择：规格</h1>
                            <ul>
                                <li>
                                    <h2>哈他瑜伽彩虹砖标准装（无赠品）</h2>
                                </li>
                                <li>
                                    <h2>哈他瑜伽彩虹砖标准装（无赠品）</h2>
                                </li>
                                <li>
                                    <h2>哈他瑜伽彩虹砖标准装（无赠品）</h2>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <h1>选择：规格</h1>
                            <ul>
                                <li class="sc_dian">
                                    <h2>哈他瑜伽彩虹砖标准装（无赠品）</h2>
                                </li>
                                <li>
                                    <h2>哈他瑜伽彩虹砖标准装（无赠品）</h2>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </article>
        </section>
        <section id="wode_mingxi">
        	<article>
        		 <a>
        			<img src="img/qianghongbao1.jpg"/>
        		</a>
        		<div>
        			<ul>
        				<li>交易时间</li>
        				<li>交易内容</li>
        				<li>交易金额</li>
        			</ul>
        		</div>
        		<div>
        			<ul>
        				<li>
        					<ol>
        						<li><p class="year">2017</p><p class="day">12/26</p></li>
        						<li class="neirong">孕期瑜伽球的练习</li>
        						<li class="money">-99</li>
        					</ol>
        				</li>
        			</ul>
        		</div>
        	</article>
        </section>
        <div id="win" class="yyc">
            <p><b>交易成功</b>
                <a id="ceshi" href="">确认</a>
            </p>
        </div>
        <footer class="icon">
            <a href="#shouye" class="active" id="sy">首页</a>
            <a href="#kechengpeixun" id="px">课程培训</a>
            <a href="#shangcheng" id="sc">商城</a>
            <a href="#wenda" id="wd">问答</a>
            <a href="#wode" id="wod">我的</a>
        </footer>
        <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"type="text/javascript"></script>
        <script src="js/rsscode.js" type="text/javascript"></script>
        <script src="js/md5.min.js" type="text/javascript"></script>
        <script src="js/jquery.min.js" type="text/javascript"></script>
        <script src="js/rsseasy.min.js" type="text/javascript"></script>
        <script src="js/validated.min.js" type="text/javascript"></script>
        <script src="js/validated.v2.min.js" type="text/javascript"></script>
        <script src="js/rsseasy.app.js?v1" type="text/javascript"></script>
        <script src="js/rsseasy.weixin.js?1" type="text/javascript"></script>
        <script src="js/course.js" type="text/javascript"></script>
        <script src="js/arealist.js" type="text/javascript"></script>
        <!--加载更多-->
        <script src="js/jiazaigengduo.js" type="text/javascript"></script>
        <!--线上分类-->
        <script src="js/xianshangfenlei.js" type="text/javascript"></script>
        <!--视频详情-->
        <script src="js/tianchong.js" type="text/javascript"></script>
        <!--首页数据-->
        <script src="js/index.js" type="text/javascript"></script>
        <script src="js/interactive.js" type="text/javascript"></script>
        <script src="js/pay.js" type="text/javascript"></script>
        <script src="js/jquery.jedate.js" type="text/javascript"></script>
        <!--课程评论-->
        <script src="js/kechengpinglun.js" type="text/javascript"></script>
        <!--排课-->
        <script src="js/course/paike.js" type="text/javascript"></script>
        <!--门店-->
        <script src="js/course/mendian.js" type="text/javascript"></script>
        <!--我的课程-->
        <script src="js/course/wodekecheng/wodekecheng.js" type="text/javascript"></script>
        <!--我的培训-->
        <script src="js/course/wodepeixun/wodepeixun.js" type="text/javascript"></script>
        <!--我要请假-->
        <script src="js/course/qingjia/qingjia.js" type="text/javascript"></script>
        <!--我的信息-->
        <script src="js/personal/personal.js"></script>
        <!--商场-->
        <!--<script src="js/course/shangchang/shangchang.js" type="text/javascript"></script>-->
        <!--线下培训-->
        <script src="js/course/xianxiapeixun/xianxiapeixun.js" type="text/javascript"></script>
        <!--线下视频-->
        <script src="js/course/xianxiakecheng/kecheng.js" type="text/javascript"></script>
        <!--导师查询-->
        <script src="js/course/daoshichaxun/chaxun.js" type="text/javascript"></script>
        <!--个人明细-->
        <script src="js/mingxi.js" type="text/jscript"></script>
        <script src="js/uploadPreview.js" type="text/javascript"></script>
    </body>
</html>